<%@ page pageEncoding="utf-8"%>

<div id="UserMessagesList" data-options="region:'east',hideCollapsedContent:false,collapsible:true,collapsed:true,split:true" title="系统用户：${user_messages_list.size()}人" style="width:200px;">
	<c:forEach items="${user_messages_list}" var="users_message">
		<c:if test='${users_message.zid!= zuser.zid}'>
			<c:if test='${users_message.isonline==0}'>
				<button id="message_user_${users_message.zid}" type="button" class="btn btn-success btn-block" onclick="OpenMessageWindows('${users_message.zid}','${users_message.user_name}')">${users_message.user_name} <c:if test='${users_message.messagecount>0}'>[${users_message.messagecount}]</c:if></button>
			</c:if>
			<c:if test='${users_message.isonline==1}'>
				<button id="message_user_${users_message.zid}" type="button" class="btn btn-light btn-block" onclick="OpenMessageWindows('${users_message.zid}','${users_message.user_name}')">${users_message.user_name} <c:if test='${users_message.messagecount>0}'>[${users_message.messagecount}]</c:if></button>
			</c:if>
		</c:if>
	</c:forEach>
</div>

<!-- 信息提示框 -->
<div id="zalert" class="modal fade" tabindex="-1" aria-labelledby="zalert" aria-hidden="true">
	<div id="zalert_head" class="modal-dialog modal-lg modal-dialog-scrollable">
		<div class="modal-content">
			<div class="modal-header">
				<div class="modal-title" id="zalert_title"></div>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body" id="zalert_info">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-light" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>

<!-- 锁屏框 -->
<div id="lockdialog" class="modal bg-secondary fade " data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="lockdialog" aria-hidden="true" >
	<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
		<div class="modal-content" >
			<div class="modal-header">
				<div class="modal-title">解除锁屏</div>
			</div>
			<div class="modal-body" >
				<input id="lockdialog_info" class="form-control form-control-lg" type="password" placeholder="请输入解锁密码">
			</div>
			<div class="modal-footer d-flex justify-content-between">
				<span id="lockdialog_span" class="text-danger"></span>
				<button type="button" class="btn btn-secondary" onclick="unlock()"><i class="fa fa-unlock"></i> 解锁</button>
			</div>
		</div>
	</div>
</div>

<!-- 聊天窗口 -->
<div id="message_windows" class="easyui-window" title="消息管理" style="width:800px;height:500px" data-options="resizable:false,closed:true,shadow:false,minimizable:false,maximizable:true,cache:false,collapsible:false">
	<div id="MessageTab" class="easyui-tabs" border="false" fit="true" tabPosition="left"></div>
</div>

<!-- 通话窗口 -->
<div id="local_call_windows" class="easyui-window" title="通话-本人" style="width:700px;height:700px" data-options="resizable:true,closable:false,closed:true,shadow:false,minimizable:false,maximizable:true,cache:false,collapsible:false">
	<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'west'" style="width:50%;padding:10px">
			<video id="localvideo" autoplay playsinline></video>
		</div>
		<div data-options="region:'center'" style="width:50%;padding:10px">
			<video id="remotevideo" autoplay playsinline></video>
		</div>
		<div data-options="region:'south'"  style="height:50px;">
			<button class="btn btn-danger btn-lg btn-block" onclick="call_windows_close(true)">结束视频</button>
		</div>
	</div>
</div>


<!-- myTab右键菜单 -->
<div id="my_tab_menu" class="easyui-menu" style="width:120px;">
	<div data-options="name:'tab_refresh',iconCls:'fa fa-refresh'">刷新</div>
	<div class="menu-sep"></div>
	<div data-options="name:'tab_close_other_all',iconCls:'fa fa-window-close-o'">关闭其它功能</div>
	<div data-options="name:'tab_close_all',iconCls:'fa fa-window-close'">关闭全部功能</div>
</div>

<%--提示音--%>
<audio src="files/alert.mp3" id="alert_audio" type="audio/mp3"> </audio>

<%--提示音--%>
<audio src="files/tel.mp3" id="tel_audio" type="audio/mp3"></audio>